<template>
  <view class="cinema-index-container">
    <FixedTitle Title="影院"></FixedTitle>
    <Head></Head>
    <List></List>
    <custormTabbar ref="tabbar"></custormTabbar>
  </view>
</template>

<script setup>
import { ref, reactive, onMounted } from "vue";
import custormTabbar from "../../components/Tabbar/index.vue";
import uaLoading from "../../components/pageLoading/index.vue";
import List from "../cinema/component/list.vue";
import Head from "../../components/Head/index.vue";
const loadingstyle = ref(false);
import FixedTitle from "../../components/FixedTitle/fixed-title.vue";

onMounted(() => {
  loadingstyle.value = true;
});
</script>

<style lang="scss">
.cinema-index-container {
  width: 100%;
 background: linear-gradient(
      to right,
      #d8ecfe,
      #d2e8fe,
      #cce5fe,
      #cde5ff,
      #c6e2ff,
      #c2dfff,
      #c1dffe
    ); 
}
</style>
